<div data-page="devicemotion" class="page">
    <!-- Top Navbar-->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left">
                <a href="#" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
            </div>
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center">Device Motion</div>
        </div>
    </div>
    <!-- Scrollable page content -->
    <div class="page-content">
        <div class="content-block">
            <blockquote>This plugin provides access to the device's accelerometer. The accelerometer is a motion sensor that detects
                the change (delta) in movement relative to the current device orientation, in three dimensions along the
                x, y, and z axis.
            </blockquote>
        </div>
        <div class="content-block">
            <div class="content-block-inner">
                <h4 class="help"><b>Toggle</b> to stop/start accelerometer watch.<br><b>Get Current</b> for one-time accelerometer reading.</h4>
                <div class="row no-gutter">
                    <div class="accel-x col-33">X: <span></span></div>
                    <div class="accel-y col-33">Y: <span></span></div>
                    <div class="accel-z col-33">Z: <span></span></div>
                </div>
                <div class="row no-gutter">
                    <div class="timestamp col-100">Timestamp: <span></span></div>
                </div>
                <p class="buttons-row">
                    <a href="#" class="button button-fill button-raised btn-toggle">Toggle</a>
                    <a href="#" class="button button-fill button-raised btn-current">Get Current</a>
                </p>
                <p class="buttons-row">
                    <a href="accelerationball.html" class="button button-fill button-raised color-red">Acceleration Ball</a>
                </p>
            </div>
        </div>
    </div>
</div>